<div class="block-center" style="margin-top: 20px;width:300px">
	<a href="#" style="padding-left: 45px">
		<img src="app/img/logo-login.png" alt="Image" class="block-center img-rounded" />
	</a>
</div>
<div ng-controller="LoginController" class="block-center wd-xl" style="margin-top: 40px">
    <!-- START panel-->
    <div>
        <div class="panel-body">
            <form role="form" ng-submit="login()" name="loginForm" novalidate="" class="form-validate mb-lg">
                <div class="form-group has-feedback">
                    <input id="username" name="username" placeholder="{{$translate.instant('login.USER_NAME')}}" autocomplete="off" ng-model="account.username" required="" class="form-control" />
                    <span class="fa fa-envelope form-control-feedback text-muted"></span>
                    <span ng-show="loginForm.account_email.$dirty &amp;&amp; loginForm.account_email.$error.required" class="text-danger">This field is required</span>
                    <span ng-show="loginForm.account_email.$dirty &amp;&amp; loginForm.account_email.$error.email" class="text-danger">This field must be a valid email address</span>
                </div>
                <div class="form-group has-feedback">
                    <input id="password" type="password" name="password" placeholder="{{$translate.instant('login.PASSWORD')}}" ng-model="account.password" required="" class="form-control" />
                    <span class="fa fa-lock form-control-feedback text-muted"></span>
                    <span ng-show="loginForm.account_password.$dirty &amp;&amp; loginForm.account_password.$error.required" class="text-danger">This field is required</span>
                </div>
                <div class="form-group has-feedback" style="margin-bottom: 70px" ng-show="needCaptha">
                    <div class="form-group has-feedback pull-left">
                        <input id="captcha" name="captcha" style="width: 125px;" autocomplete="off" ng-model="account.captcha" ng-required="needCaptha" class="form-control" />
                    </div>
                    <div class="pull-right">
                        <captcha style="height: 35px;" class="img-rounded"/>
                    </div>
                </div>
                <div class="clearfix">
                <div class="checkbox c-checkbox pull-left mt0">
                    <label>
                        <input type="checkbox" value="" name="remember" ng-model="account.remember" />
                        <span class="fa fa-check"></span>{{$translate.instant('login.REMEMBER_ME')}}
                    </label>
                </div>
                </div>
                <button type="submit" class="btn btn-block btn-primary mt-lg">{{$translate.instant('login.LOGIN')}}</button>
            </form>
            <div ng-show="authMsg" class="alert alert-danger text-center">{{authMsg}}</div>
        </div>
    </div>
</div>